<template>
	<view class="ys">
		<view class="imgs">
			<image :src="'https://ss.lanqb.com/'+item.posters.web" mode=""></image>
		</view>
		<view class="zhibo fl">
			<image v-if="item.id>=780" class="ims" src="https://assets-cdn.lanqb.com/school_v5/school/live-icon@2x.png?imageView2/1/w/85/h/34" mode=""></image>
				<image v-else class="ims" src="https://assets-cdn.lanqb.com/school_v5/school/video-icon@2x.png?imageView2/1/w/85/h/34" mode=""></image>
			
			<text class=" wenzi txt1">{{item.title}}</text>
			
		</view>
		<view class="zuozhe fl">
			<view class="left fl" v-for="(item,index) in item.major_introduction" :key="index">
				<image class="touxiang" :src="item.avatar_src" mode=""></image>
				<text>{{item.nickname}}</text>
				<view class="bj">
					
				</view>
			</view>
			
			
		</view>
			
		<view class="dibu">
		<text>学习周期: {{item.period}}个月 </text>
		<view class="js">
			<text class="hong" >{{item.statistic.advisory}} </text>人感兴趣
		</view>
			
			
		</view>
		
	</view>
</template>

<script>
	export default{
		props:["item"]
	}
</script>

<style lang="scss" scoped>
	.ys{
		width: 344rpx;
		margin-bottom: 20rpx;
		
		.imgs{
			width: 100%;
			height: 216rpx;
			border-radius: 12rpx;
			overflow: hidden;
			margin-bottom: 12rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.zhibo{
			width: 100%;
		
			margin-bottom: 18rpx;
			.ims{
				width: 115rpx;
				height: 34rpx;
				margin-right: 10rpx;
				border-radius: 12rpx;
				box-sizing: border-box;
			}
			.wenzi{
				width: 100%;
				font-size: 28rpx;
			
			}
			
		}
		.zuozhe{
				
			margin-bottom: 16rpx;
			font-size: 24rpx;
			.left{
			align-items: center;
				margin-right: 20rpx;
				position: relative;
				
					
				.bj{
					width: 15rpx;
					height: 15rpx;
					background: url(https://assets-cdn.lanqb.com/school_v5/school/teacher-v.png) no-repeat 50%;
					    background-size: 100% 100%;
					position: absolute;
					bottom: 2rpx;
					left: 18rpx;
				}
			}
			.touxiang{
				width: 36rpx;
				height: 36rpx;
				border-radius: 50%;
				margin-right: 10rpx;
			}
		}
		.dibu{
			font-size: 24rpx;
			color: #666;
			.hong{
				color: red;
			}
		}
	}
</style>